import React from 'react'
import {
	IndexLink,
	Link
} from 'react-router'
import LoginInfo from '../login/loginInfoContainer.js'

const NavNormalize = () => {
	return (
		<nav className="nav shadow bg-black-d c-text-w">
	        <li>
	        	<IndexLink activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/">Home</IndexLink>
	        </li>
	        <li>
				<Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/todoList">Demo</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/article">Article</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/slucky">Slucky-Doc</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/about">About</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/register">Register</Link>
	        </li>
			<LoginInfo/>
	    </nav>
	)
}

export default NavNormalize